<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>文章列表</title>
	<meta charset="utf-8">
	<th:block th:include="include :: header('commonFiles')" />
	<style type="text/css">
		.inlineDiv{
			display: inline-block;
			margin-right: 10px;
		}
		.myselect{
			width: 200px;
		}
	</style>
</head>

<body>
	<form class="layui-form">
		<div class="layui-row">
			<div class="layui-form-item inlineDiv">
				<button type="button" class="layui-btn layui-btn-radius layui-btn-normal" onclick="add()">
					<i class="layui-icon">&#xe608;</i> 添加
				</button>
			</div>
			<div class="layui-form-item inlineDiv myselect">
				<select id="articleType" name="articleType" lay-filter="articleType">
					<option value="0">请选择文章类型</option>
		    	</select>
	    	</div>
		</div>
	</form>
	
	<div class="layui-row">
		<table id="demo" lay-filter="test"></table>
	</div>
	
</body>

<!-- 序号模板 -->
<script type="text/html" id="xuhao">
	{{d.LAY_INDEX }}
</script>

<!-- 按钮模板 -->
<script type="text/html" id="btnTemplate">

	<button type="button" class="layui-btn layui-btn-sm layui-btn-warm" title="修改" onclick="add({{d.ID}})">
		<i class="layui-icon">&#xe642;</i>
	</button>

	<button type="button" class="layui-btn layui-btn-sm layui-btn-normal" title="分类"   lay-event="setType">
		<i class="layui-icon">&#xe624;</i>
	</button>

	<button type="button" class="layui-btn layui-btn-sm layui-btn-normal" title="标签"   lay-event="setLabel">
		<i class="layui-icon">&#xe66e;</i>
	</button>

	<button type="button" class="layui-btn layui-btn-sm layui-btn-danger" title="删除"   lay-event="del">
		<i class="layui-icon">&#xe640;</i>
	</button>

</script>

<!-- 日期模板 -->
<script type="text/html" id="dateTemplate">
	{{ layui.util.toDateString(d.OPTDATE, "yyyy-MM-dd HH:mm:ss") }}
</script>


<!-- th:inline="none" 双数组符号一起使用，在thymeleaf被认为是内联表达式,所以渲染错误，添加了th:inline="none"可以防止该问题 -->
<script type="text/javascript" th:inline="none" th:src="@{/js/article/list.js}"></script>

</html>